<template>
	<div>
		<div class="wid90 mar poRel foSi14">
			<div class="m-help-box">
				<div class="foSi20 mar-bott20">热门问题</div>
				<div class="mar-bott20">
					<div class="issue">
						<span class="icon"></span>初次进入系统，我应该怎么做 ？
					</div>
					<dl class="answer">
						<dt>初次进入系统，你需要录入基础数据</dt>
						<dd>1. 查看系统设置，了解系统支持的角色权限，基础数据，预约规则等；</dd>
						<dd>2. 创建员工；</dd>
						<dd>3. 编辑会员卡种类，目前支持次数卡、期限卡、储值卡三种大类；</dd>
						<dd>4. 创建课程，对课程排期；</dd>
						<dd>5. 创建会员，发卡预约课程吧。</dd>
					</dl>
				</div>
				<div class="mar-bott20">
					<div class="issue">
						<span class="icon"></span>为什么要做员工的手机认证 ？
					</div>
					<dl class="answer">
						<dt>为了防止有人恶意使用他人手机号，而损害了手机号真正持有人的利益。员工的手机号验证通过后，才会正式成为场馆员工。没通过验证之前，系统不能为该员工分配课程等操作。</dt>
					</dl>
				</div>
				<div class="mar-bott20">
					<div class="issue">
						<span class="icon"></span>会员无法约课，显示无支持的卡种 ？
					</div>
					<dl class="answer">
						<dt>请先查看会员持有的会员卡，会员想要约课的课程名称，然后到简奕约课云平台【课程管理】→【全部课程】，找到该课程，点击【详情】，支持卡类型中，是否有该会员的会员卡种类。</dt>
					</dl>
				</div>
				<div class="mar-bott20">
					<div class="issue">
						<span class="icon"></span>会员首次验证收不到验证码 ？
					</div>
					<dl class="answer">
						<dt>会员手机号码收不到验证码，在确定用户手机号非欠费停机的情况后，很可能是会员已将短信运营商加入了黑名单。请记下会员的姓名和手机号码，联系简奕约课工作人员，由简奕约课工作人员来解决问题。</dt>
					</dl>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'

	export default {
		name: 'help',
		components: {},
		data() {
			return {}
		},
		computed: {
			...mapGetters([])
		},
		created() {
			this.$store.dispatch('user/changeXuan', {
				key: 'xuanList',
				value: [{
					name: '帮助',
					url: '/help'
				}]
			})
			this.$store.dispatch('user/changeXuan', {
				key: 'xuan',
				value: 0
			})
		}
	}
</script>

<style lang="scss" scoped>
	.m-help-box{
		padding-top: 30px;
	}
	.issue {
	    position: relative;
	    padding-left: 15px;
	    height: 18px;
	    line-height: 18px;
	    margin-bottom: 10px;
	    color: #787878;
	}
	.answer {
	    padding: 15px 20px;
	    background: #f2f2f2;
	    line-height: 1.8;
	}
	.issue .icon {
	    position: absolute;
	    left: 0;
	    top: 6px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%;
	    background: #767C81;
	}
	dd{
		margin: 0;
	}
</style>